<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<link rel="stylesheet" type="text/css" href="<c:url value="/css/themes/default/easyui.css"/>">
<link rel="stylesheet" type="text/css" href="<c:url value="/css/themes/icon.css"/>">

<link rel="stylesheet" type="text/css" href="<c:url value="/css/themes/yzr_style.css"/>">
<link rel="stylesheet" type="text/css" href="<c:url value="/css/themes/jl_icon.css"/>">
<link rel="stylesheet" type="text/css" href="<c:url value="/css/themes/hwc_icons.css"/>">
<link rel="stylesheet" type="text/css" href="<c:url value="/css/themes/lmb_style.css"/>">
<script type="text/javascript" src="<c:url value="/js/jquery.min.js"/>"></script>
<script type="text/javascript" src="<c:url value="/js/jquery.easyui.min.js"/>"></script>
<script type="text/javascript" src="<c:url value="/js/easyui-lang-zh_CN.js"/>"></script>

<title>HIS医疗服务管理系统</title>
</head>
<style>
	ul,li{
		padding: 0px;
		margin: 0px;
		list-style: none;
		text-align:center;
	}
	li{
	height:30px;
}
.cc_item{
	padding-top:5px;
}
.cc_dis{
	display: none;
}
</style>

<script type="text/javascript">

	$(function(){
		$(".nav_btn").linkbutton({onClick: function(){
			var title = $(this).attr("title");
			var url = $(this).attr("url");
			
			if($("#tt").tabs("exists", title)){
				$("#tt").tabs("select", title);
			}else{
				var config = {
						title: title,
						href: url,
						closable: true
					}
				$("#tt").tabs("add", config);
			}
		}});
		
		//关闭当前
		$("#btn_close_current").linkbutton({onClick:function(){
			var tab = $('#tt').tabs('getSelected');
			var index = $('#tt').tabs('getTabIndex',tab);
			if(index != 0){
				$('#tt').tabs('close',index);
			}
		}})
		
		//关闭所有
		$("#btn_close_all").linkbutton({onClick:function(){
			var tabs = $('#tt').tabs('tabs');
			for(var i = tabs.length - 1; i > 0; i --){
				$('#tt').tabs('close',i);
			}
		}})
	});
</script>
<body class="easyui-layout">

<div id="tontyiStaffId" style="display:none;">${staffNo}</div>

	<!-- 标题横幅 -->
	<div data-options="region:'north'"  style="height:110px;background: url(css/themes/img/yzr_beijing4.jpg);width: 100%;">
		<h1 style="display:inline;position:relative;top:36%;left:40%;font-size:36px;font-family:'华文行楷';color:#0066FF;">中心医院医疗管理服务系统</h1>
		<div style="display:inline;position:relative;top:61%;left:40%;font-size:16px;font-family:'隶书';">
			欢迎您,${staffName}！
			<a id="cancel_btn" href="#" class="easyui-linkbutton" data-options="plain:true" style="color:red;">[注销]</a>
		</div>
	</div>
	
	<!-- 导航栏  style="background:#F4F4F4;"-->
  <div data-options="region:'west',title:'工具栏',split:true,iconCls:'icon-daohang'"
		style="width: 200px;">
    	<div id="aa" class="easyui-accordion" data-options="fit:true, border: false" >		   
		    <div title="耗材管理" data-options="iconCls:'icon-lmb_hcgl'" style="overflow:auto;">
				<ul>
					<li><a title="耗材管理" url="to_lmb_hcgl" class="easyui-linkbutton nav_btn" data-options="iconCls:'icon-lmb_hcgl', plain:true,fit:true">耗材管理</a></li>
					<li><a title="采购计划" url="to_lmb_hcj" class="easyui-linkbutton nav_btn" data-options="iconCls:'icon-lmb_hccgjh', plain:true,fit:true">采购计划</a></li>
					<li><a title="审批计划" url="to_lmb_hcsp" class="easyui-linkbutton nav_btn" data-options="iconCls:'icon-lmb_hcsp', plain:true,fit:true">审批计划</a></li>
					<li><a title="耗材采购" url="to_lmb_hc"  class="easyui-linkbutton nav_btn" data-options="iconCls:'icon-lmb_hccg', plain:true,fit:true">耗材采购</a></li>
					<li><a title="耗材验收" url="to_lmb_hcys"  class="easyui-linkbutton nav_btn" data-options="iconCls:'icon-lmb_hcys', plain:true,fit:true">耗材验收</a></li>
					<li><a title="耗材入库" url="to_lmb_hr"  class="easyui-linkbutton nav_btn" data-options="iconCls:'icon-lmb_hcrk', plain:true,fit:true">耗材入库</a></li>
					<li><a title="耗材领用" url="to_lmb_hl"  class="easyui-linkbutton nav_btn" data-options="iconCls:'icon-lmb_hcly', plain:true,fit:true">耗材领用</a></li>
					<li><a title="领用审批" url="to_lmb_hclysp" class="easyui-linkbutton nav_btn" data-options="iconCls:'icon-lmb_hcsp', plain:true,fit:true">领用审批</a></li>
					<li><a title="耗材出库" url="toLmbHcck" class="easyui-linkbutton nav_btn" data-options="iconCls:'icon-lmb_hcck', plain:true,fit:true">耗材出库</a></li>
					<li><a title="耗材库存" url="toLmbHckucun" class="easyui-linkbutton nav_btn" data-options="iconCls:'icon-lmb_hcbs', plain:true,fit:true">耗材库存</a></li>
					<li><a title="耗材盘点" url="toLmbHcpd" class="easyui-linkbutton nav_btn" data-options="iconCls:'icon-lmb_hcpd', plain:true,fit:true">耗材盘点</a></li>
					<li><a title="耗材损溢" url="toLmbHcsy" class="easyui-linkbutton nav_btn" data-options="iconCls:'icon-lmb_hcbs', plain:true,fit:true">耗材损溢</a></li>
					<li><a title="耗材调拨" url="toLmbHcDiaobo" class="easyui-linkbutton nav_btn" data-options="iconCls:'icon-lmb_hcdb', plain:true,fit:true">耗材调拨</a></li>
				</ul>
		    </div>
		     <div title="器械管理" data-options="iconCls:'icon-lmb_qxgl'" style="overflow:auto;">
				<ul>
					<li><a title="器械管理" url="" class="easyui-linkbutton nav_btn" data-options="iconCls:'icon-lmb_qxgl', plain:true,fit:true">器械管理</a> </li>
					<li><a title="采购计划" url="" class="easyui-linkbutton nav_btn" data-options="iconCls:'icon-lmb_qxcgjh', plain:true,fit:true">采购计划</a> </li>
					<li><a title="审批计划" url="" class="easyui-linkbutton nav_btn" data-options="iconCls:'icon-lmb_qxsp', plain:true,fit:true">审批计划</a></li>
					<li><a title="器械采购" url="" class="easyui-linkbutton nav_btn" data-options="iconCls:'icon-lmb_qxcg', plain:true,fit:true">器械采购</a> </li>
					<li><a title="器械验收" url="" class="easyui-linkbutton nav_btn" data-options="iconCls:'icon-lmb_qxys', plain:true,fit:true">器械验收</a> </li>
					<li><a title="器械入库" url="" class="easyui-linkbutton nav_btn" data-options="iconCls:'icon-lmb_qxrk', plain:true,fit:true">器械入库</a> </li>
					<li><a title="器械领用" url="" class="easyui-linkbutton nav_btn" data-options="iconCls:'icon-lmb_xqly', plain:true,fit:true">器械领用</a> </li>
					<li><a title="器械出库" url="" class="easyui-linkbutton nav_btn" data-options="iconCls:'icon-lmb_qxck', plain:true,fit:true">器械出库</a> </li>
					<li><a title="器械调拨" url="" class="easyui-linkbutton nav_btn" data-options="iconCls:'icon-lmb_qxdb', plain:true,fit:true">器械调拨</a> </li>
					<li><a title="器械损溢" url="" class="easyui-linkbutton nav_btn" data-options="iconCls:'icon-lmb_qxsy', plain:true,fit:true">器械损溢</a> </li>
					<li><a title="器械盘点" url="" class="easyui-linkbutton nav_btn" data-options="iconCls:'icon-lmb_qxpd', plain:true,fit:true">器械盘点</a> </li>
					<li><a title="设备使用" url="" class="easyui-linkbutton nav_btn" data-options="iconCls:'icon-lmb_sbsy', plain:true,fit:true">设备使用</a> </li>
					<li><a title="设备维护" url="" class="easyui-linkbutton nav_btn" data-options="iconCls:'icon-qxsbwh', plain:true,fit:true">设备维护</a> </li>

				</ul>
		    </div>
		</div>
    </div>
   
    <!-- 主体 -->
    <div data-options="region:'center'">
    	<div id="tt" class="easyui-tabs" data-options="fit:true, border:false, tools: '#tab-tools'">
		    <div title="首页" style="padding:20px;display:none;background: #D5E8EE;">
				首页
				<h1>显示该人员的排班信息</h1>
		    </div>
		</div>
		
		<div id="tab-tools" style="border:none;border-bottom: 1px solid rgb(149,184,231);">
			<a id="btn_close_current" href="#" class="easyui-linkbutton" plain="true" iconCls="icon-remove"></a>
			<a id="btn_close_all" href="#" class="easyui-linkbutton" plain="true" iconCls="icon-cancel"></a>
		</div>
		
    </div>    
</body>
</html>